@import url('common.less');

.square (@px){
	.px2rem(width,@px);
	.px2rem(height,@px);
}
.radius (@px){
	.px2rem(border-radius,@px);
}
.round (@px){
	.square(@px);
	border-radius: 50%;
}

.mt-5{
	.pxTrem(margin-top, 5);
}
.mt-10{
	.pxTrem(margin-top, 10);
}
.mt-15{
	.pxTrem(margin-top, 15);
}
.mt-20{
	.pxTrem(margin-top, 20);
}
.mt-30{
	.pxTrem(margin-top, 30);
}
.mt-40{
	.pxTrem(margin-top, 40);
}
.mt-50{
	.pxTrem(margin-top, 50);
}
.mb-5{
	.pxTrem(margin-bottom, 5);
}
.mb-10{
	.pxTrem(margin-bottom, 10);
}
.mb-20{
	.pxTrem(margin-bottom, 20);
}
.ml-5{
	.pxTrem(margin-left, 5);
}
.ml-10{
	.pxTrem(margin-left, 10);
}
.ml-20{
	.pxTrem(margin-left, 20);
}
.mr-5{
	.pxTrem(margin-right, 5);
}
.mr-10{
	.pxTrem(margin-right, 10);
}
.mr-20{
	.pxTrem(margin-right, 20);
}
.pd-10{
	.pxTrem(padding, 10);
}
.pd-15{
	.pxTrem(padding, 15);
}
.pl-15{
	.pxTrem(padding-left, 15);
}
.pb-0{
	.pxTrem(padding-bottom, 0);
}
.pt-0{
	.pxTrem(padding-top, 0);
}